<h1><?php echo $cabecera ?></h1>
<br>
<form class="cmxform" id="signupForm" method="post" 
      <?php 
      if($operacion == "nuevo") 
      {
          echo 'accion = "' . base_url() . 'ccliente/nuevo" ';          
      }
      if($operacion == "modificar") 
      {
          echo 'accion = "' . base_url() . 'ccliente/modificar/' . $cliente->id . '" ';          
      }
      if($operacion == "eliminar") 
      {
          echo 'accion = "' . base_url() . 'ccliente/eliminar/' . $cliente->id . '" ';          
      }
?>
      novalidate="novalidate"><fieldset class="ui-widget ui-widget-content ui-corner-all">
		<legend class="ui-widget ui-widget-header ui-corner-all">Datos del Pasajero</legend>
		<p>
			<label for="id_cliente">Cod cliente: </label>
			<input id="id_cliente" name="id_cliente" type="text" class="ui-widget-content"
                               <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->id . '" ';                      
                                                echo 'disabled';                         
                               }  else{
                                   echo 'disabled';
                               }                                   
                               ?>>
                </p>
		<p>
			<label for="nombre">Nombre: </label>
			<input id="nombre" name="nombre" type="text" class="ui-widget-content"
                               <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->nombre . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                        <label for="apellido">Apellido: </label>
                    <input id="apellido" name="apellido" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->apellido . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
		</p>
               
                <p>
                    <label for="documento">Documento: </label>
                    <input id="documento" name="documento" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->documento . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                    <label for="fecha_nac">Fecha de nacimiento: </label>
                     <input id="fecha_nac" size="14px" name="fecha_nac" class="ui-widget-content"   
                         <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->fecha_nac . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }  else{
                                    echo  ' value=1960-01-01';
                               }                                   
                               ?>> formato (aaaa-mm-dd)
                  <label for="anio">Edad: </label>
                        
                         <input id="anios" size="8px"  name="anios" class="ui-widget-content"   
                         <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->anios . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }  else{
                                    echo  ' value=0';
                               }                                   
                               ?>> años
                </p>
                <p>
                    <label for="domicilio">Domicilio: </label>
                    <input id="domicilio" style="width: 400px" name="domicilio" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->domicilio . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                                         <label for="cuit">CUIT: </label>
                    <input id="cuit" style="width: 150px" name="cuit" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "anular") { 
                                   echo  ' value="' . $cliente->cuit . '" ';
                                            if($operacion=="anular")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                <p>
                    <label for="localidad">Localidad: </label>
                    <input id="localidad"  name="localidad" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->localidad . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                    <label for="provincia">Provincia: </label>
                    <input id="provincia" name="provincia" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->provincia . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                <p>
                    <label for="pais">País: </label>
                    <input id="pais" name="pais" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->pais . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                   <label for="codigo_postal">Código postal: </label>
                    <input id="codigo_postal" name="codigo_postal" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->codigo_postal . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                <p>
                    <label for="email">Email: </label>
                    <input id="email" size="30px" name="email" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->email . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                <p>
                    <label for="telefono">Teléfono: </label>
                    <input id="telefono" name="telefono" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->telefono . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                    <label for="celular">Celular: </label>
                    <input id="celular" name="celular" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->celular . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
               
                <p>
                    <label for="saldo_favor">Saldo a favor: </label>
                    <input id="saldo_favor" name="saldo_favor" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->saldo_favor . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }else{
                                   echo  ' value="0" ';
                               }                                     
                               ?>>
                    <label for="fecha_vto">Fecha Vto: </label>
                    <input id="fecha_vto"  name="fecha_vto" class="ui-widget-content"   
                         <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->fecha_vto . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                
                <p>
			<label for="auto_tipo">Tipo de auto: </label>
			<input id="auto_tipo" name="auto_tipo" type="text" class="ui-widget-content"
                               <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->auto_tipo . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                        <label for="auto_dominio">Dominio del auto: </label>
			<input id="auto_dominio" size="14px" name="auto_dominio" type="text" class="ui-widget-content"
                               <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $cliente->auto_dominio . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
		</p>
		<p>
                    <label for="obs">Observación: </label> <br> 
                    <textarea id="obs" name="obs" rows="4" cols="50">
                          <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  $cliente->obs;       
                          }
                               ?>

                    </textarea>
                </p>
                <p>
			<button class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="submit" role="button"><span class="ui-button-text">Guardar</span></button>
		</p>
                <p>
                    <label for="usuario">Registrado por <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  '' . $cliente->id_usuario  . ' ';
                                   echo ' el ';
            
                                   echo  '' . $cliente->fecusuario  . ' ';
                               }   
                               ?></label>
                </p>
	</fieldset>
</form>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_js(); ?>jquery-ui-git.css">
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 <script src="<?php echo base_js(); ?>jquery.validate.min.js"></script>
 <script src="<?php echo base_js(); ?>jquery-ui-git.js"></script> 
 <script src="<?php echo base_js(); ?>validacionCliente.js"></script> 
 
 
 <?php 
if($operacion == "modificar" or $operacion == "eliminar") 
     {  ?>
        <script>
            $(function() {
                $("#fecha_nac").datepicker({          
                        minDate:new Date(1913, 0, 1),
                         maxDate: "-40y",              
                         changeMonth: true,
                        changeYear: true,
                        dateFormat: 'yy-mm-dd',                        
                        yearRange:"1913:2500",
                        monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
                        dayNamesMin: [ "Do", "Lun", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                         onClose: function(selectedDate)
                         {
                             $("#anios").attr("value",calcular_edad(selectedDate));
                         }
                    });
                 });              
                
                $("#fecha_nac").datepicker("setDate","<?php echo $cliente->fecha_nac; ?>");
                
            
              $(function(){         
     
                    $("#fecha_vto").datepicker({                                
                         changeMonth: true,
                        changeYear: true,
                        dateFormat: 'yy-mm-dd', 
                        setDate: "2013-11-20",
                        yearRange:"1913:2500",
                        monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
                        dayNamesMin: [ "Do", "Lun", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                         onClose: function(selectedDate)
                         {
                             $("#anios").attr("value",calcular_edad(selectedDate));

                         }
                    });                  
   
                 });
              
                <?php 
            if($cliente->fecha_vto!="0000-00-00") 
                 {  ?>    
                $("#fecha_vto").datepicker("setDate","<?php echo $cliente->fecha_vto; ?>");
             <?php } ?>
            
            
        </script>   
<?php } else { ?>
        <script>
                $(function(){         
     
                    $("#fecha_nac").datepicker({          
                        minDate:new Date(1913, 0, 1),
                         maxDate: "-40y",              
                         changeMonth: true,
                        changeYear: true,
                        dateFormat: 'yy-mm-dd', 
                        setDate: "2013-11-20",
                        yearRange:"1913:2500",
                        monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
                        dayNamesMin: [ "Do", "Lun", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                         onClose: function(selectedDate)
                         {
                             $("#anios").attr("value",calcular_edad(selectedDate));
                         }
                    });
                    $("#fecha_nac").attr("value","");      
   
                 });
                 


        </script>   
 <?php };?>

  <script>
     function calcular_edad(fecha) {
       var fechaActual = new Date()
       var diaActual = fechaActual.getDate();
       var mmActual = fechaActual.getMonth() + 1;
       var yyyyActual = fechaActual.getFullYear();
       FechaNac = fecha.split("-");
       var diaCumple = FechaNac[2];
       var mmCumple = FechaNac[1];
       var yyyyCumple = FechaNac[0];
       //retiramos el primer cero de la izquierda
       if (mmCumple.substr(0,1) == 0) {
       mmCumple= mmCumple.substring(1, 2);
       }
       //retiramos el primer cero de la izquierda
       if (diaCumple.substr(0, 1) == 0) {
       diaCumple = diaCumple.substring(1, 2);
       }
       var edad = yyyyActual - yyyyCumple;

       //validamos si el mes de cumpleaños es menor al actual
       //o si el mes de cumpleaños es igual al actual
       //y el dia actual es menor al del nacimiento
       //De ser asi, se resta un año
       if ((mmActual < mmCumple) || (mmActual == mmCumple && diaActual < diaCumple)) {
       edad--;
       }
       return edad;
       };
 </script>